<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SendAJax</title>
</head>
<body>
{% load static %}
<script src="{% static 'jquery-3.6.0.min.js' %}"></script>
<script>
    function sendAjax(){
        var pre_x=$('#num').val();
        var uri='../pred/'+pre_x;

        $.get(uri,function (data) {
            alert(data)

        })
    }
</script>
<div>
    <div>
        <h3>
            Path: {{ path }}
        </h3>
    </div>
    <div>
        <input type="number" id="num" value="5">
        <button onclick="sendAjax()">click</button>

    </div>

</div>

</body>
</html>